
function construirListaAmigosPerfil(data){
	 var tabla = $("#listaAmigosPerfil");
	 
          $.each(data, function(i,amigo){
            /*<table>
				<tr>
				<td>FOTO</td>
				<td>
				<div>nombre</div>
				<tr>
				<tr>
				...
				</tr>
            </table>*/
			var foto = $("<img>");
				foto.addClass("ui-state-default ui-corner-all");
			var fila = $("<tr>");
			var columnaFoto = $("<td>");
			var divFoto = $("<div>");
			var divNombre = $("<div>");
			var linkUsuario = $("<a>");
			var linkFoto = $("<a>");
			//
				//Foto
				foto.addClass("listaAmigosPerfil");
				foto.attr("border","0");
				foto.attr("src","imagenes/"+amigo.idFoto+"/"+amigo.nFoto+"/lista");
				foto.attr("title",amigo.nombre+" "+amigo.apellido1+" "+amigo.apellido2);
				foto.attr("alt",amigo.nombre+" "+amigo.apellido1+" "+amigo.apellido2);
				
				linkFoto.attr("rel","history");
				linkFoto.attr("href","#perfil&uuid="+amigo.id);
				linkFoto.append(foto);
				linkFoto.addClass("ui-helper-reset");
				
				//Nombre
				linkUsuario.attr("rel","history");
				linkUsuario.attr("href","#perfil&uuid="+amigo.id);
				linkUsuario.text(amigo.nombre+" "+amigo.apellido1+" "+amigo.apellido2);
				linkUsuario.addClass("ui-helper-reset");
				
			
				columnaFoto.attr("valign","top");
				columnaFoto.attr("align","center");
				//Empaquetamos todo
				divFoto.append(linkFoto);
				divNombre.append(linkUsuario);
				columnaFoto.append(divFoto);
				columnaFoto.append(divNombre);
				columnaFoto.append("<div><br></div>");
			
			fila.append(columnaFoto);
            tabla.append(fila);
          });
          
		$(".listaAmigosPerfil").lazyload({ 
			placeholder : "img/progress.gif",
			effect : "fadeIn"
		});
}

$(document).ready(function() {
	$.getJSON("consultasAjax.php?seccion=listaAmigos&cantidad=10&uuid="+$.url.getParam("uuid"),construirListaAmigosPerfil);
});
